$(function(){
  var myChart = echarts.init(document.getElementById('main'));
  var myExcel = $("#main1"); 
  

 

  // 指定图表的配置项和数据
  var option = {
    title: {
      text: 'JavaScript语言排名变化'
    },
    tooltip: {
      trigger:'axis'
    },
    legend: {
      data:[]
    },
    xAxis: {
      data: [2000,2005,2010,2015,2020],
      
    },
    yAxis: {},
    series: [{
      name: '排名',
      type: 'line',      
      data: [6,9,8,8,7]  
    }],
    
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);

  return new Handsontable(myExcel.get(0),{
        data: [["Java","1","降","-0.01%"],["C","2","升","+2.44%"],["Python","3","升","+1.41%"],["C++","4","降","-2.58%"],["C#","5","升","+2.07%"],["Visual Basic .NET","6","降","-1.17%"],["JavaScript","7","降","-0.85%"]],
        contextMenu: true,
        manualRowResize: true,
        manualColumnResize: true,
        rowHeaders: false,
        colWidths: 200,
        rowHeights: '40px',
        className: 'htMiddle',
        colHeaders: ["语言名称", "排名", "升或降", "变化幅度"]
    })




});
